<!--
- File:    设置.
-->
<template>
  <div>
    <div class="nav_list2  bg_fff hidden pl20 pr20 bor_b_dcdddd">
      <ul>
        <li class="h114"><span class="fl lefttext">头像</span>
          <div class="fr photo"><img :src="memberInfo.member_avatar" alt=""/></div>
        </li>
        <li class="h90">
          <router-link :to="{name: 'setting-name'}">
            <span class="disb hidden">
              <span class="fl lefttext">昵称</span>
              <i class="fr iconfont icon-rightdot"></i>
              <span type="text" class="fr">{{memberInfo.member_name}}</span>
            </span>
          </router-link>
        </li>
        <li class="h90">
          <router-link :to="{name: 'setting-password'}">
            <span class="disb hidden">
            <span class="fl lefttext">修改密码</span>
            <i class="fr iconfont icon-rightdot"></i>
          </span>
          </router-link>
        </li>
      </ul>
    </div>
    <div class="pl20 pr20 mt35">
      <button type="button" class="but_1 wauto" @click="signOut">退出登录</button>
    </div>
    <!--<back-nav></back-nav>-->
    <footer-tab></footer-tab>
  </div>
</template>

<script>
  import {mapModules, mapRules} from 'vuet'

  export default{
    mixins: [
      mapModules({memberInfo: 'memberInfo'}),
      mapRules({once: 'memberInfo'})
    ],
    data() {
      return {
      }
    },
    components: {},
    methods: {
      signOut() {
        this.$storage.delKey()
        this.$utils.delCookie('key')
        this.$storage.setAuthed(false)
        this.$storage.delMemberInfo()
        this.$storage.delStore()
        this.$router.replace({name: 'home'})
      }
    }
  }
</script>

<style>

</style>